<template>
    <div class="box-wrap">
        <div class="img-wrap">
            <img src="../../../../../assets/img/weiboOpen_zh.png" class='weibo-open' alt=""/>
        </div>
        <div class="warn-text">
            <p class="title">{{$t('config.channel.weiboAccessDescription')}}</p>
            <p>{{$t('config.channel.weiboAccessWarn')}}</p>
            <p class="title title-margin">{{$t('config.channel.openWeiboAite')}}</p>
            <p>{{$t('config.channel.openWeiboAiteWarn')}}</p>
        </div>
    </div>
</template>
<script>
    export default {
      name: '',
      data () {
        return {

        }
      }
    }
</script>
<style lang="stylus" scoped>
@import "../../../../../assets/common.styl"
.box-wrap
  padding 25px
  .img-wrap
    width 768px
    margin 0 auto
  .weibo-open
    max-width 100%
    width auto
    display block
    margin-bottom 60px
  .title
    color $cf-gray1
    font-weight bold
    font-size 14px
    line-height 18px
    line-height 2
  p
    line-height 1.5
  .title-margin
    margin-top 30px
</style>
